﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
		<!DOCTYPE >
		<html>

<head>
	<title>耳聋基因检测</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="icon" href="favicon.ico" />
	<link href="../css/bootstrap.min.css" rel="stylesheet" />
	<link href="../css/font-awesome.min.css" rel="stylesheet" />
	<link href="../css/default.css" rel="stylesheet" type="text/css" />
	<!--页面加载进度条-->
	<link href="../css/pace/dataurl.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="easyui/themes/ui-cupertino/easyui.css" />
	<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="css/icon.css" />
	<link rel="stylesheet" type="text/css" href="css/uims.css" />
	<link rel="stylesheet" type="text/css" href="css/temp.css" />

	<script src="../js/jquery.min.js"></script>
	<!--[if lt IE 9]>
	<script src="js/bootstrap/html5shiv.min.js"></script>
	<script src="js/bootstrap/respond.min.js"></script>
	<![endif]-->
	<script src="../js/pace/pace.min.js"  type="text/javascript"></script>
	<script src="../js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
	<script src="../js/jquery.extend.js" type="text/javascript"></script>
	<script src="../js/default.js" type="text/javascript"></script>

	<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

	<script src="../js/bootstrap/bootstrap.min.js"></script>
	<script src="../js/bootstrap/bootstrap-table.min.js"></script>
	<script src="../js/bootstrap/bootstrap-table-zh-CN.min.js"></script>

	<script type="text/javascript" src="js/dataGridCellTip.js"></script>
	<script type="text/javascript" src="js/validate.js"></script>
	<script type="text/javascript" src="js/json2.js"></script>

	<script type="text/javascript" src="js/sampleCommon.js"></script>
	<script type="text/javascript" src="js/template.js"></script>
	<script type="text/javascript" src="js/deaf.js"></script>

	<!-- artTemplate 模板引擎 -->
	<script src="../js/template-web.js" type="text/javascript"></script>

	<!-- 设置送检单位 -->
	<script src="../js/set-customer.js" type="text/javascript"></script>

	<style>

		.coupon-box {
			height: 120px;
			text-align: center;
			line-height: 120px;
			border: 1px dashed #2e85b8;
			font-size: 24px;
			color: #cecece;
			margin: 30px 0 10px 0;
			cursor: pointer;
			background: #fff;
		}

		.coupon-item {
			width: 80%;
			box-shadow: 2px 2px 5px #f2f2f2, -2px -2px 5px #f2f2f2;
			border-bottom: 1px solid #eee;
			display: flex;
			margin: 10px auto;
			flex-direction: row;
		}

		.coupon-item .btn {
			display: block;
			margin: 10px;
			width: 60px;
			padding: 0;
			height: 28px;
			line-height: 28px;
			text-align: center;
			background: #45b4f5;
			color: #fff;
			/* outline: none; */
			border-color: transparent;
		}

		.coupon-item .content-wrapper {
			flex: 1;
			padding: 10px;
			line-height: 24px;
		}

		.coupon-item .content-wrapper .name {
			font-size: 14px;
			font-weight: 400;
			color: rgba(0, 0, 0, 0.85);
		}

		.coupon-item .content-wrapper .desc {
			font-size: 12px;
			margin-top: 4px;
			color: rgba(0, 0, 0, 0.55);
		}

		.search-box input {
			display: inline-block;
			flex: 1;
			height: 33px;
			line-height: 33px;
			padding-left: 6px;
			/* border-color: transparent; */
			outline: none;
			box-shadow: none;
			/* border: 0; */
			border: 1px solid #7bcdf8;
		}

		.search-box button {
			width: 80px;
			background: #7bcdf8;
			outline: none;
			border: 1px solid #7bcdf8;
			color: #fff;
		}

		.empty-coupon {
			text-align: center;
			line-height: 42px;
			height: 42px;
			font-size: 18px;
			color: rgba(0, 0, 0, 0.45);
		}

		.no-coupon {
			height: 33px;
			line-height: 33px;
			text-align: center;
			margin: 10px 0;
			border: 1px dashed #7bcdf8;
			cursor: pointer;
		}
		#nicuType,#nicuType select{
			line-height: 30px;
		}
	</style>
</head>

<body>
<!--我是主要内容-->
<div class="container" style="height:1000px">
	<div class="content">
		<div class="coupon-box" onclick="chooseCoupon()">
			选择免费券
		</div>
		<table class="second-table t-group">
			<tr class="blue-tr">
				<td class="droppable t-group-title">送检单信息</td>
			</tr>
			<tr>
				<td class="droppable">
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="customerCode"></i>
									<i class="t-type" data-value="text"></i>
									<i class="t-name t-require">送检单位</i>：
									<select value="" class="addressCounty" onchange="onAddressCountyChange(this.value)"></select>
									<input id="customerCode" style="width:168px;" class="easyui-combobox" data-options="valueField:'customerCode',textField:'customerName'">
								</span>
				</td>
			</tr>
			<tr>
				<td class="droppable">
								<span class="field t-group-item">
									<i class="t-field-id" data-value="departments"></i>
									<i class="t-name">送检科室</i>：
									<input type="text" id="departments" class="t-value">
								</span>
				</td>
			</tr>
		</table>
		<table class="second-table t-group">
			<thead></thead>
			<tbody>
			<tr class="blue-tr">
				<td class="droppable t-group-title">样本信息</td>
			</tr>
			<tr>
				<td class="droppable">
									<span class="field t-group-item">
										<span class="required">*</span>
										<i class="t-field-id" data-value="bloodDate"></i>
										<i class="t-type" data-value="date"></i>
										<i class="t-name">采样日期</i>：
										<input type="date" id="bloodDate" validate="required" min="2014-05-11" max="2999-05-20">
									</span>
				</td>
			</tr>
			</tbody>
		</table>
		<table class="second-table t-group">
			<tr class="blue-tr">
				<td class="droppable t-group-title">受检者信息</td>
			</tr>
			<tr>
				<td class="droppable">
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="sampleName"></i>
									<i class="t-name t-require">新生儿姓名</i>：
									<input type="text" id="sampleName" validate="required" class="t-value">
								</span>
					<span class="field t-group-item">
									<i class="t-field-id" data-value="motherName"></i>
									<i class="t-name">母亲姓名</i>：
									<input type="text" id="motherName" class="t-value">
								</span>
					<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="sampleSex"></i>
									<i class="t-name t-require">胎儿性别</i>：
									<select id="sampleSex" validate="required" style="width: 149.2px;">
										<option value="0" class="t-value" data-name="未知" data-value="">未知</option>
										<option value="1" class="t-value" data-name="男" data-value="1">男</option>
										<option value="2" class="t-value" data-name="女" data-value="2">女</option>
									</select>
								</span>
				</td>
			</tr>
			<tr>
				<td class="droppable">
								<span class="field t-group-item">
									<i class="t-field-id" data-value="birthDate"></i>
									<i class="t-name">出生日期</i>：
									<input type="date" id="birthDate" min="2014-05-11" max="2999-05-20" class="t-value">
								</span>
					<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="nativePlace"></i>
									<i class="t-type" data-value="nativePlace"></i>
									<i class="t-name">籍贯</i>：
									<input type="text" id="nativePlace1" validate="required" style="width: 90px;">省
									<input type="text" id="nativePlace2" validate="required" style="width: 90px;">市
								</span>
					<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="nationaltily"></i>
									<i class="t-name">民族</i>：
									<input type="text" id="nationaltily" validate="required" style="width: 150px;" class="t-value">
									<i class="t-unit">族</i>
								</span>
				</td>
			</tr>
			<tr>
				<td class="droppable">
                            <span class="group-field field t-group-item">
                                <input class="submit" id="neonatalCareType-input" type="hidden" value="" />
										<i class="t-field-id" data-value="neonatalCareType"></i>
										<i class="t-name">新生儿所在病房</i>：
										<input name="xx0.38997365487033897" id="neonatalCareType_0" type="checkbox" class="t-value" onclick="showNicuType(this);" data-name="普通病房" data-value="0" />普通病房
										<input name="xx0.38997365487033897" id="neonatalCareType_1" type="checkbox" class="t-value" onclick="showNicuType(this);" data-name="新生儿监护病房（NICU）" data-value="1"/>新生儿监护病房（NICU）
                                <div id="nicuType" style="display: none;">
                                 <span class="input-title">监护类型</span>
                                 <select name="" id="nicu" onchange="getNICU();">
                                    <option value="">请选择</option>
                                    <option value="1">新生儿黄疸</option>
                                    <option value="2">新生儿肺炎</option>
                                    <option value="3">新生儿早产/低体重儿</option>
                                    <option value="4">呛到羊水</option>
                                    <option value="5">其他</option>
                                </select>
                                    <div id="deafBabyDesc" class="sheet-row" style="display: none;">
                   <div class="input-line"  style="margin:0px;"></div>
                     <input class="submit" id="deafBabyDescInput" name="deafBabyDesc" type="text" class="address-input"
							placeholder="请输入新生儿监护病房信息"  />
                 </div>
                              </div>

				            </span>
				</td>
			</tr>
			<tr>
				<td class="droppable">


					<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="motherPhoneNum"></i>
									<i class="t-type" data-value="phoneNum"></i>
									<i class="t-name">联系电话</i>：
									<input type="text" validate="phoneNum,required" id="motherPhoneNum" class="t-value">
								</span>
					<span class="field t-group-item">
									<i class="t-field-id" data-value="husbandPhoneNum"></i>
									<i class="t-type" data-value="phoneNum"></i>
									<i class="t-name">丈夫手机号</i>：
									<input type="text" validate="phoneNum" id="husbandPhoneNum" class="t-value">
								</span>
				</td>
			</tr>
			<tr>
				<td class="droppable">
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="idCard"></i>
									<i class="t-type" data-value="idCard"></i>
									<i class="t-name">母亲身份证号</i>：
									<input type="text" validate="idCard,required" id="dnaMotherIdCard" style="width: 623px;" class="t-value">
								</span>
				</td>
			</tr>
		</table>
		<table class="second-table t-group">
			<tbody>
			<tr class="blue-tr">
				<td class="t-group-title">临床信息</td>
			</tr>
			<tr>
				<td class="droppable">
									<span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
                                        <input class="submit" id="pregnancyInfection-input" type="hidden" value="" />
										<i class="t-field-id" data-value="pregnancyInfection"></i>
										<i class="t-name">母亲怀孕期感染</i>：
										<input name="xx0.38997365487033897" id="pregnancyInfection_0" type="checkbox" class="t-value" data-name="无" data-value="0" onclick="getChoice(this)">无
										<input name="xx0.38997365487033897" id="pregnancyInfection_1" type="checkbox" class="t-value" data-name="弓形虫" data-value="1" onclick="getChoice(this)">弓形虫
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_2" type="checkbox" class="t-value" data-name="风疹病毒" data-value="2" onclick="getChoice(this)">风疹病毒
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_3" type="checkbox" class="t-value" data-name="巨细胞病毒" data-value="3" onclick="getChoice(this)">巨细胞病毒
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_4" type="checkbox" class="t-value" data-name="单纯胞疹病毒" data-value="4" onclick="getChoice(this)">单纯胞疹病毒
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_5" type="checkbox" class="t-value" data-name="其他" data-value="5" onclick="getChoice(this)">
                                        其他&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="pregInfectionDescInput" class="t-value">
									</span>

				</td>
			</tr>
			<tr>
				<td class="droppable">
                                <span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
										<i class="t-field-id" data-value="consanguineousMarriage"></i>
										<i class="t-name">父母近亲结婚</i>：
										<input name="xx0.5360287454490771" id="consanguineousMarriage_0" type="checkbox" class="t-value" data-name="无" data-value="0">无
										<input name="xx0.5360287454490771" id="consanguineousMarriage_1" type="checkbox" class="t-value" data-name="有" data-value="1">有
									</span>
					<span>&nbsp;&nbsp;</span>
					<span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
										<i class="t-field-id" data-value="medicationHistory"></i>
										<i class="t-name">新生儿用药史</i>：
										<input name="xx0.23829047515934976" id="medicationHistory_0" type="checkbox" class="t-value" data-name="否" data-value="0">否
										<input name="xx0.23829047515934976" id="medicationHistory_1" type="checkbox" class="t-value" data-name="是" data-value="1">是
									</span>
				</td>
			</tr>
			<tr>
				<td class="group-field droppable">
									<span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
										<i class="t-field-id" data-value="familyDeafness"></i>
										<i class="t-name">耳聋家族史</i>：
										<input name="xx0.30255439477473645" id="familyDeafness_0" type="checkbox" class="t-value" data-name="无" data-value="0">无
										<input name="xx0.30255439477473645" id="familyDeafness_1" type="checkbox" class="t-value" data-name="有" data-value="1">有
									</span>
					<span>&nbsp;&nbsp;</span>
					<span class="group-field field t-group-item" validate="required">
						<span class="required">*</span>
						<i class="t-field-id" data-value="earDeformity"></i>
						<i class="t-name">新生儿耳部畸形</i>：
						<input name="xx0.03877416858131899" id="earDeformity_0" type="checkbox" class="t-value" data-name="否" data-value="0">否
						<input name="xx0.03877416858131899" id="earDeformity_1" type="checkbox" class="t-value" data-name="是" data-value="1">是
					</span>
				</td>
			</tr>
			</tbody>
		</table>
		<table class="second-table t-group">
			<tbody>
			<tr class="blue-tr">
				<td class="t-group-title">检测项目</td>
			</tr>
			<tr>
				<td class="droppable">
									<span>
										<span class="required">*</span>产品编号：</span>
					<p class="field t-group-item-product">
						<input id="product_DX0459" type="checkbox" disabled="disabled">
						<b>
											<span id="productName_DX0459">
												<i class="t-product-name">遗传性耳聋4个常见基因检测</i>
											</span>
						</b>（
						<i class="t-product-value">DX0459</i>）
					</p>
				</td>
			</tr>
			</tbody>
		</table>
	</div>
	<div style="width:220px; margin: 30px auto;">
		<button onclick="save();" style="width: 120px; height: 33px; border-radius: 2px; border-radius: 4px; background: rgb(23,134,184); color: #fff; outline: none; border-color: transparent;">保存</button>
	</div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					免费券列表
				</h4>
			</div>
			<div class="modal-body">
				<div class="search-box" style='display:flex;flex-direction:row'>
					<input type="text" placeholder="请输入证件号码" id="coupon-kw">
					<button onclick="searchCoupons()">搜索</button>
				</div>
				<div class="no-coupon">
					不使用免费券
				</div>
				<div class="empty-coupon">
					没有免费券
				</div>
				<div class="coupon-list">
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
					关闭
				</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->
</div>

<a href="#top" id="goTop">
	<i class="fa fa-angle-up fa-3x"></i>
</a>
<script type="text/javascript">
	//显示NICU病房类别
	function showNicuType(obj){
		var typeId=obj.id;
		var typeName = typeId.substr(0,typeId.indexOf("_"));
		var currentType=$("#"+obj.id).data("value");
		$("#"+typeName+"-input").val(currentType);

		var isShow=$("#nicuType").css("display");
		if(currentType == "0"){
			$("#nicuType").hide();
		}
		else{
			if(isShow == "none"){
				$("#nicuType").css("display","inline-block");
			}else{
				$("#nicuType").hide();
			}
		}
	}

	//监护病房详细
	function getNICU(){
		var nicuInfo = $("#nicuType option:selected").val();

		if(nicuInfo === "5"){
			$("#deafBabyDesc").css("display","inline-block");
		}else{
			$("#deafBabyDesc").hide();
		}
	}
	//获取怀孕期感染数据
	function getChoice(obj){
		var typeId=obj.id;
		var typeValue = $("#"+obj.id).data("value");
		var typeName = typeId.substr(0,typeId.indexOf("_"));
		$("#"+typeName+"-input").val(typeValue);
	}

	//不使用优惠券
	$(".no-coupon").click(function () {
		$("#dnaMotherIdCard").removeAttr('disabled');
		$("#sampleName").removeAttr('disabled');
		$('#myModal').modal('hide');
		couponNum = '';
		$('.coupon-box').html('选择免费券');
	});

	//退出登录
	function logout() {
		$.ajax({
			url: '/csfy/dologout.do',
			method: 'POST',
			success: function (res) {
				if (JSON.parse(res).code == 200) {
					window.location.href = "/csfy/index.do"
				}
			}
		})
	}
	//使用优惠券
	var couponNum = '';

	//受检者姓名
	var sampleName = '';

	function useCoupon(num) {
		//优惠券对应的身份证号码
		var id = $("#coupon-kw").val();
		//设置优惠券对应的身份证
		$("#dnaMotherIdCard").val(id);
		//设置身份证输入框不可编辑
		$("#dnaMotherIdCard").attr('disabled', 'disabled');

		//使用优惠券姓名
		$("#motherName").val(sampleName);
		$("#motherName").attr('disabled', 'disabled');

		$('#myModal').modal('hide');
		$('.coupon-box').html('免费券码：' + (num ? num : ''));

		//重置搜索列表
		$("#coupon-kw").val('');
		$(".coupon-list").html('');
		$(".empty-coupon").hide();

		couponNum = num;
	}
	//TODO 根据证件搜索优惠券
	function searchCoupons() {
		var id = $("#coupon-kw").val();
		if (id) {
			$.ajax({
				method: 'POST',
				url: '/csfy/intf.do',
				data: {
					method: 'getDetailPresonInfo',
					id
				},
				success: function (res) {
					console.log(res)
					var couponList = '';
					sampleName = res.rows.name;
					$(".coupon-list").html('');
					$(".empty-coupon").html('正在搜索...');
					if (res && res.code == 200) {
						var couponInfos = (res.rows && res.rows.couponInfos) || [];
						if (couponInfos.length > 0) {
							var mData = {};
							mData.rows = couponInfos;
							var html = template('coupon-list', mData);
							$(".coupon-list").html(html);
							$(".empty-coupon").hide();
						} else {
							$(".empty-coupon").html('未找到当前证件名下的免费券');
						}
					} else {
						$(".empty-coupon").html('未找到当前证件名下的免费券');
					}
				}
			});
		} else {
			$(".coupon-list").html('');
			$(".empty-coupon").show();
			$(".empty-coupon").html('没有找到免费券');
		}
	}
	$("#product_DX0459")[0].checked = true;
	//选择使用优惠券
	function chooseCoupon() {
		$('#myModal').modal('show');
	}

	function save(cover) {
		//获取当前页面的子页面里面的属性值
		var msg = temp.validate();
		//获取模板字段。
		var obj = temp.saveAbs();
		//报错并退出
		if (msg) {
			sysErrorShow(msg);
			return false;
		}

		//数据过滤 start
		var params = {};
		Object.keys(obj).map(key => {
			var prototype = Object.prototype.toString.call(obj[key]);
			if ('[object String]' === prototype && obj[key]) {
				params[key] = obj[key];
			}
		});
		params.productName = '耳聋基因检测';
		params.productCode = 'DX0459';
		if (couponNum) {
			params.couponNum = couponNum;
		}

		//新增新生儿病房
		var sickRoom = params.neonatalCareType=$("#neonatalCareType-input").val();
		if(sickRoom == "1"){
			if($("#nicu option:selected").val() != ""){
				var nicu = $("#nicu option:selected").val();
				params.neonatalCareType = nicu;
				if(nicu == "5"){
					var desc=$("#deafBabyDescInput").val();
					if(desc != ""){
						params.neonatalCareType5 = desc;//neonatalCareType5
					}else{
						alert("请输入新生儿监护病房信息!");
						return false;
					}

				}
			}
		}

		//修改怀孕期感染信息
		var infectInfo =$("#pregnancyInfection-input").val();
		if( infectInfo !=""){
			params.pregnancyInfection=infectInfo;
			if(infectInfo == "5"){
				var infectDesc = $("#pregInfectionDescInput").val();
				if(infectDesc !=""){
					params.pregnancyInfectionInfo =infectDesc;//pregnancyInfectionInfo
				}else{
					alert("请输入感染类型!");
					return false;
				}
			}
		}

		if($("#dnaMotherIdCard").val() !=""){
			params.idCard=$("#dnaMotherIdCard").val();//母亲身份证号码信息
		}

		//设置模板文件路径，对应前端工作平台1.0的模板服务器路径
		params.fileVer = "temp/deaf.jsp";

		//数据过滤 end
		// console.log(JSON.stringify(params));
		$.ajax({
			type: 'POST',
			data: {
				method: isEdit ? 'updateSampleBaseBySampleBaseId' : 'createSampleBase',
	...params,
				sampleBaseId: isEdit ? sampleBaseId : undefined
	},
	url: '/csfy/intf.do',
			error: function (e) {
		sysErrorShow('操作失败!');
	},
	success: function (res) {
		//console.log(res);
		console.log(JSON.stringify(res));
		if (res && res.code == 200) {
			alert(isEdit ? "修改送检单成功" : "保存送检单成功");
			if (!isEdit)
				window.location.href = window.location.pathname;
			else
				sessionStorage.setItem("sampleEditSuccess", "true");
		} else if (res) {
			alert(res.msg ? res.msg : "操作失败")
		}
	}
	});
	}

	//获取当前登录用户信息
	$(document).ready(function () {
		$.ajax({
			method: 'POST',
			url: '/csfy/intf.do',
			data: { method: 'getLoginUserInfo' },
			success: res => {
			if (res.code == 10086) {
			<!-- window.location.href = "/csfy/index.do" -->
						alert("请重新登录！");
			} else {
				if (res.code == 200) {
					$(".username").html(res.rows.userName);
				}
			}
		}
	})
	})
</script>
<!-- 优惠券列表渲染 -->
<script id="coupon-list" type="text/html">
	{{each rows item i}}
	<div class="coupon-item">
		<div class="content-wrapper">
			<div class="name">{{item.couponName}}</div>
			<div class="desc">{{item.couponDesc}}</div>
		</div>
		{{if item.productCode == 'DX0459' && item.status == '1'}}
		<button class="btn btn-primary" onclick="useCoupon('{{item.couponNum}}')">使用</button>
		{{/if}}
		{{if item.productCode != 'DX0459' || ( item.productCode == 'DX0459' && item.status != '1')}}
		<button class="btn btn-disbled" disabled>不可用</button>
		{{/if}}
	</div>
	{{/each}}
</script>
</body>

		</html>